<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{sc:$survey.SurveyTitle#} － {sc:$Html.Survey#} － {sc:$Web.WebTitle#}</title>
<meta http-equiv="X-UA-Compatible" content="IE=IE7" />
<meta name="keywords" content="{sc:$Web.Webkeyword#}"> 
<meta name="description" content="{sc:$Web.WebDescription#}">
<base href="{sc:$Sys.WebHost#}">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="./js/swfobject.js"></script>
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/global.js?{sc:$Sys.Lang#}"></script>
<script type="text/javascript">  
var surl = 'plugins/amcharts/ampie.swf';
var flashvars = {path:"plugins/amcharts/", settings_file:encodeURIComponent("plugins/amcharts/ampie_settings.xml"), data_file:encodeURIComponent("{sc:$survey.xml_data_file#}")};
var attributes = {allowfullscreen:"true", bgcolor : '#FFFFFF'}
window.onload = function(){
	swfobject.embedSWF(surl,"flashcontent","920","380","8",null,flashvars,attributes);
	{sc:foreach from=$survey.SurveyOptions key=i item=s#}
	$("#options{sc:$i#}").animate({width: "{sc:$survey.iWidth[$i]#}px"},1000);
	{sc:/foreach#}
}
</script>
<style type="text/css">
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,table,td,img{margin:0; padding:0; border:0;}
body{color:#333; font-size:12px; background:url(plugins/amcharts/body_bg.png) repeat-x #eaf0f6; padding:30px 0;}
a{text-decoration:none; color:#036;}
ul,ol{list-style-type:none;}
.surver{width:950px; margin:0 auto;}
.surver .top{width:950px; height:84px; line-height:84px; background:url(plugins/amcharts/top_bg.gif) 0 0 no-repeat;}
.surver .top .title{text-align:center; height:64px; line-height:64px; color:#3D648A; font-size:18px; font-family:"微软雅黑";}
.surver .top .date{text-align:right; height:20px; line-height:20px; color:#3D648A; padding:0 50px 0 0; font-size:12px; font-family:"微软雅黑";}
.surver .table{width:908px; padding:0 20px; overflow:hidden; border-left:1px #BBCEE4 solid; border-right:1px  #BBCEE4 solid; background:#FFF;}
.surver .table li{float:left; height:35px; line-height:35px; border-bottom:1px #ECECEC solid;}
.surver .table .interval{border-top:1px #CCC solid; width:908px; height:30px; margin:5px 0 0 0; border-bottom:none;}
.surver .table .input{width:30px; height:35px; padding:0 0 0 20px; font-size:20px; _height:30px; _padding:5px 0 0 20px; height:28px\0; padding:7px 0 0 0\0;}
.surver .table .text{width:328px;}
.surver .table .cylindrical{width:380px; background:url(plugins/amcharts/vote_cl_bar.gif) left center no-repeat; height:25px; padding:10px 0 0 0; height:26px\0; padding:9px 0 0 0\0;}
.surver .table .cylindrical span{display:block; height:13px; width:0px; overflow:hidden;}
.surver .table .Percent{width:75px; text-align:center; font-size:13px; font-family:Georgia,"Times New Roman",Times,serif; color:#FF0000;}
.surver .button li{width:948px; padding:30px 0; text-align:center; overflow:hidden; border-left:1px #BBCEE4 solid; border-right:1px  #BBCEE4 solid; background:#FFF;}
.flashcontent{width:948px; overflow:hidden; border-left:1px #BBCEE4 solid; border-right:1px  #BBCEE4 solid; background:#FFF; margin:0 auto; text-align:center;}
.bottom{width:910px; height:40px; padding:35px 0 0 40px; color:#666; background:url(plugins/amcharts/footer_bg.gif) left bottom no-repeat; margin:0 auto;}
.bottom img{ font-size:200px;}
.number{font-size:13px; font-family:Georgia,"Times New Roman",Times,serif; color:#FF0000;}

/* comment 评论表单 */
.comment{width:828px; padding:30px 0 0 120px; margin:0 auto; overflow:hidden; border-top:1px #BBCEE4 solid; border-left:1px #BBCEE4 solid; border-right:1px  #BBCEE4 solid; background:#FFF;}
.comment .ctitle{width:640px; height:25px; line-height:25px; margin:0 0 10px 0; background:url(./images/0101.gif) bottom left repeat-x;}
.comment .ctitle .icomment{font-size:16px; padding:0 0 0 30px; float:left; background:url(./images/title.gif) 8px 5px no-repeat;}
.comment .ctitle .already{float:right; padding:0 10px 0 0;}
.comment .clogin{clear:both;}
.comment .clogin ol{float:left;}
.comment .clogin .ctext{padding:4px 0 0 0;}
.comment .clogin .cinput{padding:0 20px 0 0;}
.comment .clogin .cinput .cxinput{width:150px; height:18px; color:#06F;}
.comment .ccontent{clear:both;}
.comment .ccontent textarea{width:640px; height:150px; margin:10px 0; border:1px #999 solid; background:url(images/comment_bg.gif) center center no-repeat;}
</style>
</head>
<body>
<div class="surver">
	<form name="survey_{sc:$survey.ID#}" action="{sc:$Sys.URL.SurveySub#}" method="post">
	<ul class="top">
		<li class="title">{sc:$survey.SurveyTitle#}</li>
		<li class="date">{sc:$Html.Date#}：{sc:$survey.SurveyTime#} &nbsp;&nbsp; {sc:$Html.Participate#}：<span class="number">{sc:$survey.SurveyPeople#}</span></li>
	</ul>
	<ul class="table"><li class="interval">&nbsp;</li></ul>
	{sc:foreach from=$survey.SurveyOptions key=i item=s#}
	<ul class="table">
		<li class="input">{sc:$survey.InputHTML[$i]#}</li>
		<li class="text">{sc:$survey.SurveyOptions[$i]#}</li>
		<li class="cylindrical"><span id="options{sc:$i#}"><img src="plugins/amcharts/vote_cl_v2.gif" width="300" height="13" /></span></li>
		<li class="Percent">{sc:$survey.SurveyCount[$i]#}</li>
		<li class="Percent">{sc:$survey.Percent[$i]#} %</li>
	</ul>
	{sc:/foreach#}
	<ul class="button">
		<li>
			<input type="hidden" name="pid" value="{sc:$survey.ID#}" />
			<input type="submit" value="{sc:$Html.Submit#}" style="height:26px; width:80px; cursor:pointer; margin:0 120px 0 0;" />
			<input type="button" value="{sc:$Html.Close#}" style="height:26px; width:80px; cursor:pointer;" onclick="window.opener=null; window.open('','_self'); window.close();" />
		</li>
	</ul>	
	</form>
	<ul class="table"><li class="interval">&nbsp;</li></ul>
</div>
<div></div>	
<div class="flashcontent">
	<ol id="flashcontent"><br /><br /><br /><br />You need to upgrade your Flash Player<br /><br /><br /><br /><br /></ol>
</div>

<div class="comment">
	<div class="ctitle">
		<ol class="icomment">{sc:$Html.Icomment#}</ol>
		<ol class="already">{sc:$Html.CommentTotal#}：<font color="#FF0000">{sc:$survey.CommentTotal#}</font> （<a target="_blank" href="{sc:$survey.CURL#}">{sc:$Html.Show#}</a>）</ol>
	</div>
	{sc:dynamic#}
	{sc:if $Cfg.WebCommentPublication=='1'#}
	<div class="clogin" id="ajax_welcome">
		{sc:if $Sys.isLogin != "songcms"#}
		<form name="form_comment_login" method="post" action="">
		<ol class="ctext">{sc:$Html.Member#}：</ol>
		<ol class="cinput"><input type="text" name="username" id="ajax_username" class="cxinput" /></ol>
		<ol class="ctext">{sc:$Html.Password#}：</ol>
		<ol class="cinput"><input type="password" name="password" id="ajax_password" class="cxinput" /></ol>
		<ol class="cinput"><a href="javascript:void(0);" onclick="SC.UserLogin(1,'ajax_username','ajax_password');"><img width="66" height="24" border="0" src="{sc:$Sys.TemDir#}images/btn-signin-{sc:$Sys.Lang#}.gif" /></a></ol>
		<ol class="ctext"><a href="{sc:$Sys.URL.Reg#}">{sc:$Html.NewReg#}</a></ol>
		</form>
		{sc:else#}
		<ol class="ctext">&nbsp;&nbsp; {sc:$Html.Welcome#}{sc:$Sys.Cookies.User.Name#}</ol>
		{sc:/if#}
	</div>
	{sc:/if#}
	{sc:/dynamic#}
	<div class="ccontent">
	<form name="form_comment" method="post" action="{sc:$survey.CommentURL#}" onsubmit="if(this.CommentContent.value==''){alert('{sc:$Html.sIncomplete#}'); return false;}" onkeydown="if(event.ctrlKey&&event.keyCode==13&&this.CommentContent.value!='')this.submit();">
		<ol><textarea name="CommentContent"></textarea></ol>
		<ol><input name="cosubmit" value="{sc:$Html.Submit#}" style="width:75px; height:28px;" type="submit" />  [Ctrl+Enter]</ol>
	</form>
	</div>
</div>

<div class="bottom">{sc:$Html.State#}：{sc:if $survey.Status == 1#}{sc:$Html.Ongoing#}{sc:else#}{sc:$Html.Stopped#}{sc:/if#} ｜ {sc:$Html.StartTime#}：{sc:$survey.SurveyStart#} ｜ {sc:$Html.EndTime#}：{sc:$survey.SurveyEnd#}</div>
</body>
</html>